{{ content() }}
<div class="page-content-area">
    <div class="page-header">
        <h1>
            Create Video Group
        </h1>
    </div>

    <div class="row">
        <div class="col-sm-4 col-sm-offset-0 col-md-12 col-md-offset-0">

            <div class="col-xs-12">
                <div class="form-content">
                    {{ form('class': 'forms-signup forms-horizontal' , 'enctype' : 'multipart/form-data') }}
                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {% if form.hasMessagesFor('name') %} has-error {% endif %}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('name')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('name') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('name') }}
                                </div>
                            </div>
                        </div>
                    </div>

                     <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {% if form.hasMessagesFor('name_vn') %} has-error {% endif %}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('name_vn')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('name_vn') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('name_vn') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('description') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('description')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('description') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('description') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0">
                        <div class="col-md-2">
                            <label for="">Danh mục</label>
                        </div>
                        <div class="col-md-8">
                            <a href="{{ url(config.application.backendUrl ~ '/video/ajaxVideoCategory/loadVideoCategory?object_type=video-group&object_id=' ) }}" class="btn btn-white btn-default btn-bold btn-sm btnAddDirector" data-toggle="modal" data-target="#modalAddCategoryToObject">
                                <i class="ace-icon glyphicon glyphicon-plus"></i>Thêm danh mục
                            </a>
                            <div id="chooseCategoryToVideo" class="list-category">

                            </div>
                            <div class="clearfix">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('total_episode') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('total_episode')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('total_episode') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('total_episode') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('national_id') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('national_id')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('national_id') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('national_id') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('year_product') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('year_product')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('year_product') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('year_product') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0 {{ form.hasMessagesFor('year_publish') ? 'has-error' : '' }}">
                        <div class="col-md-2">
                            <label for="">
                                {{ form.label('year_publish')}}
                            </label>
                        </div>
                        <div class="col-md-8">
                            {{ form.render('year_publish') }}
                            <div class="clearfix">
                                <div class="help-block">
                                    {{ form.messages('year_publish') }}
                                </div>
                            </div>
                        </div>
                    </div>

                    {{ form.renderDecorated('file') }}

                    {{ form.renderDecorated('file_poster') }}

                    <div class="form-group col-md-12 col-sm-3 col-md-offset-0">
                        <div class="col-md-2">

                        </div>
                        <div class="col-md-8">
                            {{ form.render('submit') }}
                        </div>
                    </div>
                    {{ form.render('id') }}
                    {{ form.render('csrf', ['value': security.getToken()]) }}
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>




<!-- Modal -->
<div class="modal fade" id="modalAddCategoryToObject" tabindex="-1" role="dialog" aria-labelledby="modalAddCategoryToObject" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
